<template>
  <div class="w-[100vw] h-[100vh] flex">
    <div class="w-[300px]">
      <ComponentItem v-for="item in list" :name="item" />
    </div>
    <div class="flex1 h-full bg-gray-700">
      <Stage />
    </div>
  </div>
</template>

<script setup>
import ComponentItem from '../Layouts/ComponentItem.vue'
import Stage from './Stage.vue'
import { ComponentTypes } from '../config/index'

const list = ref(ComponentTypes)
</script>
